<template>
    <div class="box">
        <el-col :sm="12" :lg="6">
            <el-result icon="warning" title="Warning 404" sub-title="Please follow the instructions">
                <template #extra>
                    <el-button type="primary" @click="handler">返回首页</el-button>
                </template>
            </el-result>
        </el-col>
    </div>
</template>
<script setup lang='ts'>
import { useRouter } from 'vue-router'

const router = useRouter()

const handler = () => {
    router.replace({
        path : '/home'
    })
}

</script>
<style lang='scss' scoped>
.box{
    width: 100%;
    display: flex;
    justify-content: center;
}
</style>